<template>
  <div class='swiper-main'>
    
    <swipe indicator-color="#b0352f">

      <swipe-item>
        <img v-lazy="this.baseUrl + '/img/swiper/1.jpeg'">
      </swipe-item>
      <swipe-item>
        <img v-lazy="this.baseUrl + '/img/swiper/2.jpeg'">
      </swipe-item>
      <swipe-item>
        <img v-lazy="this.baseUrl + '/img/swiper/3.jpeg'">
      </swipe-item>

    </swipe>
    
  </div>
</template>

<script setup>
import { Swipe, SwipeItem } from 'vant'
</script>

<style lang="less" scoped>
.swiper-main {
  height: 180px;

  img {
    display: block;
    width: 100%;
    height: 180px;
  }

  ::v-deep .van-swipe__indicator{
    width: 8px;
    height: 8px;
    background-color: #FFF;
  }
}

</style>